<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>注册网易免费邮箱 - 中国第一大电子邮件服务商</title>	
	<link rel="shortcut icon" href="images/favicon.ico">
	<style type="text/css">
		.header {
    width: 960px;
    height: 81px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
.header .bg {
    width: 644px;
    height: 27px;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 30px;
    background-image: url(images/glb_v2.png);
    background-repeat: no-repeat;
}
.header .links {
    width: 200px;
    position: absolute;
    right: 0;
    top: 34px;
    text-align: right;
    color: #999;
}
.header .links a{
	    margin: 0 5px;
	font-size: 12px;
	 color: #039;
    text-decoration: none;
}
		.header{
			width: 900px;
			height: 81px;
			margin: 0 auto;
			text-align:left;
			position: relative;
		}

		.header .links{
			width: 200px;
			position: absolute;
			right: 0;
			top: 34px;
			text-align: right;
			color: #999;
		}
		.header .linkes a{
			font-weight: bold;
			font-size: 12px;
			margin: 0 5px;
			color: #039;
			text-decoration: none;
		}
		#registrationPage{
			width: 900px;
			height: 750px;
			background-color: white;     /*白色背景色*/
			margin: auto;        /*设置上下边距120，左右居中*/
			border: 1px solid gray;  /*设置该div的边框*/
			border-radius: 10px;   /*设置该div圆角*/
			position: relative;  /*绝对定位*/
		}
		#registrationPage input{
			width: 400px;
			height: 28px;
			margin: 8px;       /*设置按钮的宽高，外边距*/
		}
		#regTabs{
			width: 412px;
			height: 35px;
			background-color: #f0f0f0;    /*设置Ul的宽高，背景色，圆角，左边距上边距*/
			border-radius: 5px;
			margin-left: 100px;
			margin-top: 45px;
		}
		#regTabs li{
			list-style: none;
			float: left;
			border-right: 1px solid gray;
			width: 135px;
			height: 35px;
			text-align: center;
			line-height: 35px;
			font-size: 1px;
			cursor: pointer;
		}
		#Box{
			width: 550px;
			height: 600px;
			padding-left: 30px;
			padding-top: 20px;
		}
		#Box p{
			color: gray;
			font-size: 12px;
			margin-left: 70px;
		}
		span{
			color: red;
		}
		.Bg{
			background-color: #2894ff;
			color: white;
			border-radius: 5px;
		}
		img{
			position: absolute;
			top: 200px;
			right: 50px;
		}
		#Bgimg{
			background-color: lightgrey;
			opacity: 0.4;
			height: 705px;
			width: 350px;
			position: absolute;
			right: 0;
			top: 45px;
		}

	</style>
</head>
<body>
	<header class="header">
		<div class="bg"></div>
		<div class="links"><a href="#">了解更多</a>|<a href="#">反馈意见</a></div>
	</header>
	<div id="registrationPage">
		<p style="color:white;background-color:#66b3ff;border-top-left-radius:10px;border-top-right-radius:10px;line-height:45px;font-size:15px;"><b>欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。</b></p>
		<ul id="regTabs">
			<li class="Bg"><b>注册字母邮箱</b></li>
			<li>注册手机邮箱</li>
			<li style="border:none;">注册VIP邮箱</li>

		</ul>
		<div id="Box">
			<span>*</span>邮箱地址<input type="text" style="width:250px;">@
			<select style="width:100px;height:30px;">
				<option value="">163.com</option>
				<option value="">126.com</option>
				<option value="">yeah.net</option>
			</select>
			<p>6~18个字符，可使用字母、数字、下划线，需以字母开头</p>
			<span>*</span>密码<input type="password" style="margin-left:40px;">
			<p>6~18个字符，区分大小写</p>
			<span>*</span>确认密码<input type="password">
			<br>
			<span>*</span>手机号码<input type="text">
			<p>忘记密码时，可以通过该手机号码快速找回密码</p>
			<span>*</span>验证码<input type="text" style="width:250px;margin-left:20px;">
			<p>请填写图片中的字符，不区分大小写</p>
			<input type="button" value="免费获取验证码" style="width:250px;height:30px;font-size:15px;font-weight: bold;cursor:pointer;margin-left:75px;">
			<a style="font-size:12px;cursor:pointer;margin-left:50px;color:#0072e3;">看不清楚？换张图片</a>
			<br>
			<span>*</span>短信验证码<input type="text" style="width:380px;">
			<p>请查收手机短信，并填写短信中的验证码</p>
			<br>
			<p><input type="checkbox" style="width:13px;height:13px;"> 同意 <strong>"服务条款"</strong>和<strong>"隐私权相关政策"</strong></p>
			<input type="button" value="立即注册" style="width:130px;height:45px;border-radius:10px;background-color:#00bb00;color:white;margin-left:75px;">
		</div>
		<div id="Bgimg">
		</div>
		<img src="img/phone.gif" alt="">
	</div>
</body>

</html>